<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Login Page</title>
    <!-- FontAwesome CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" />
    <!-- Custom CSS -->
    <link rel="stylesheet" href="login.css" />
</head>

<body>
<div class="container">
    <div class="login-box">
        <!-- Login Form -->
        <form action="">
            <h2>user login</h2>
            <div class="input-box">
                <span class="icon"><i class="fa-solid fa-envelope"></i></span>
                <input type="email" required placeholder="邮箱账号" />
            </div>
            <div class="input-box">
                <span class="icon"><i class="fa-solid fa-lock"></i></span>
                <input type="password" placeholder="请输入密码" required />
            </div>
            <div class="remember-forget">
                <label><input type="checkbox" />记住我</label>
                <a href="#">忘记密码?</a>
            </div>
            <button type="submit">Login</button>
            <div class="register-link">
                <a href="#">没有帐户？立即创建！</a>
            </div>
        </form>
    </div>
</div>
</body>

</html>